*{
    padding: 0;
    margin: 0;
}

.box{
    width: 500px;
    height: 200px;
    border:1px salmon solid;
    margin:50px auto;
}
.box ul li{
    list-style: none;
}
.top{
    width: 100%;
    height: 50px;
}
.top li{
    float: left;
    width: 33.3%;
    text-align: center;
    line-height: 50px;
}
.foot li{
    display: none;
    width: 100%;
    height: 150px;
    background: cornsilk;
    color: rgb(231, 20, 20);
    font-size: 20px;
    text-align: center;
    line-height: 150px;

}
.active{
    background: cornsilk;
}
.active1{
    display: block !important ;
}